<!-- 复审 -->
<template>
	<div>
		<devArticle>
			<Card :bordered="false">
              <p slot="title">复审</p>
               <div class="ivu-table-wrapper" >
                    <div class="ivu-table ivu-table-default ivu-table-border">
                        <div class="ivu-table-header">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" >
                                <thead >
                                    <th style="text-align:center">
                                    <div class="ivu-table-cell">复审修改单</div>
                                    </th>
                               </thead>
                            </table>
                        </div>
                        <div class="ivu-table-body">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                <tbody class="ivu-table-tbody">
                                    <tr class="ivu-table-row">
                                        <td><div class="ivu-table-cell">复审人员</div></td>
                                        <td><div class="ivu-table-cell"></div></td>
                                        <td><div class="ivu-table-cell">复审时间</div></td>
                                        <td><div class="ivu-table-cell"><p>第一次复审：2018-09-15 9:00</p><p>第二次复审：2018-09-15 16:00</p></div></td>
                                    </tr>
                                    <tr class="ivu-table-row">
                                        <td><div class="ivu-table-cell">修改人员</div></td>
                                        <td><div class="ivu-table-cell"><template>
                                                    <Dropdown>
                                                        <a href="javascript:void(0)"><Button style="background:#f8f8f9;width:100px;color:#2996ff;">选择</Button></a>
                                                        <DropdownMenu slot="list">
                                                            <DropdownItem>驴打滚</DropdownItem>
                                                            <DropdownItem>炸酱面</DropdownItem>
                                                            <DropdownItem>豆汁儿</DropdownItem>
                                                            <DropdownItem>冰糖葫芦</DropdownItem>
                                                            <DropdownItem>北京烤鸭</DropdownItem>
                                                        </DropdownMenu>
                                                    </Dropdown>
                                                </template></div></td>
                                        <td><div class="ivu-table-cell">修改完成时间</div></td>
                                        <td><div class="ivu-table-cell"><p>第一次复审：2018-09-15 9:00</p><p>第二次复审：2018-09-15 16:00</p></div></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <template>
                    <Table border :columns="columns1" :data="data1"  style="margin-top:10px;"></Table>
                    <div style="border:1px solid #e8eaec;border-top:0;text-align:center;padding:10px 0;">
                        <Button type="primary" style="margin-right:12px;width:80px;">添加</Button><Button type="error"class="btnwidth">删除</Button>
                    </div>
                </template>
                 <div class="ivu-table-wrapper" style="margin-top:10px;">
                    <div class="ivu-table ivu-table-default ivu-table-border">
                        <div class="ivu-table-header">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" >
                                <thead >
                                    <th style="text-align:center">
                                    <div class="ivu-table-cell">报告（正文、附图附件附表）</div>
                                    </th>
                               </thead>
                            </table>
                        </div>
                        <div class="ivu-table-body">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                <tbody class="ivu-table-tbody">
                                    <tr class="ivu-table-row">
                                        <td><div class="ivu-table-cell">可上传多个文件
                                            <template>
                                                <Upload multiple action="//jsonplaceholder.typicode.com/posts/"  style="display:inline-block;">
                                                    <Button icon="ios-cloud-upload-outline" style="color:#2996ff">上传</Button>
                                                </Upload>
                                            </template>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="but">
                    <Row>
                        <Col span="18"><Button type="primary"class="btnwidth">打印</Button></Col>
                        <Col span="2" style="text-align:right;"><Button type="primary"class="btnwidth">保存</Button></Col>
                        <Col span="2" style="text-align:right;"><Button type="primary"class="btnwidth" @click="tolastinstance">提交复审</Button></Col>
                        <Col span="2" style="text-align:right;"><Button style="width:80px;background:#999999;color:#fff;">提交终审</Button></Col>
                    </Row>
                </div>
            </Card>
		</devArticle>
	</div>
</template>
<script type="text/javascript">
	export default {
        data () {
            return {
            columns1: [
                    {
                        align:'center',
                        title: '复审修改清单',
                        children:[
                            {
                                type: 'selection',
                                width: 60,
                                align: 'center'
                            },
                            {
                                type: 'index',
                                title:'序号',
                                width: 80,
                                align: 'center',
                                key:'num'
                            },
                            {
                                title:'复审意见',
                                key:'advice',
                                align: 'center'
                            },
                            {
                                title:'修改说明',
                                key:'modify',
                                align: 'center'
                            }
                        ]
                    }
                ],
                data1: [
                    {
                       advice:'',
                       modify:''
                    },
                    {
                       advice:'',
                       modify:''
                    },
                    {
                       advice:'',
                       modify:''
                    },
                    {
                       advice:'',
                       modify:''
                    },
                    {
                       advice:'',
                       modify:''
                    }
                ]
            
        
            }
        },
        methods:{
            tolastinstance(){
                this.$router.push('/My/lastInstance')
            }
        }
    }
</script>
<style  scoped>
.ivu-table-cell{text-align: center;}
.ivu-table-cell p{text-align: left;}
.but{padding:20px 0 36px 0;border-bottom: 1px solid  #e8eaec;}
.btnwidth{width:80px;}
</style>